<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>诺安婚纱</title>
  <link rel="stylesheet" href="./css/nuo.css">
  <script src="./js/jquery.js"></script>
  

</head>

<body>
  <div class="head">
    <div class="head_top">
      <h2>NOVAN&nbsp;&nbsp; <span></span>&nbsp;&nbsp; <text>诺安</text></h2>
      <div class="head_top_enter flex">
        <img src="./img/pc/位置.png" alt="">
        <img src="./img/pc/送货.png" alt="">
        <img src="./img/pc/个人信息.png" alt="">
        <p>175324468804</p>
      </div>
    </div>
  </div>
  <!--头部-->
  <div class="head_nav">
    <ul class="head_nav1 flex">
      <li><a href="index.html" >
          <p>首页</p>
          <div>HOME</div>
        </a></li>
      <li><a href="yp.html" >
          <p>样品赏析</p>
          <div>ORIGINAL WORKS</div>
        </a></li>
      <li><a href="kp.html" >
          <p>客片赏析</p>
          <div>GUEST PHOTO</div>
        </a></li>
      <li><a href="Microfilm.html"   class="nav_active">
          <p>微电影</p>
          <div>MOISCRO FILM</div>
        </a></li>
      <li><a href="company.html" ">
          <p>公司简介</p>
          <div>COMPANY PROFIL</div>
        </a></li>
      <li><a href="pj.html" >
          <p>客户评价</p>
          <div>EVALUATION</div>
        </a></li>
    </ul>
  
  </div>
  <!--导航-->
  <div class="microflim">
    <div class="microfilm_title">
      <h1>CUSTOMDRMICRO</h1>
      <div class="microfilm_title1">
        <p>诺安&nbsp;&nbsp;|&nbsp;&nbsp;微电影</p>
      </div>
    </div>
    <div class="microfilm_video">
      <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
    </div>
  </div>
  <ul class="microfilm_content" id="car">
    <li class="microfilm_contents cars">
      <div class="microflim_content_one flex">
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp; &nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
      </div>
      <div class="microflim_content_one flex">
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp; &nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
      </div>
      <div class="microflim_content_one flex">
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
      </div>
      <div class="microflim_content_one flex">
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
      </div>
    </li>
    <li class="microfilm_contents cars">
      <div class="microflim_content_one flex">
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
      </div>
      <div class="microflim_content_one flex">
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp; &nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
      </div>
    </li>
    <li class="microfilm_contents cars">

      <div class="microflim_content_one flex">
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
      </div>
    </li>
    <li class="microfilm_contents cars">
      <div class="microflim_content_one flex">
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
      </div>
      <div class="microflim_content_one flex">
        <div class="microfilm_content_right">
          <video src="./img/婚礼1.mp4" controls=“controls” auotoplay=“autoplay” loop=“loop”></video>
        </div>
        <div class="microfilm_content_left">
          <p>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</p>
          <p class="line"></p>
          <h3>陈先生&nbsp;&nbsp;&nbsp;张小姐</h3>
          <h4>“世界上最好的事，就是你在想的人也在想你 你爱的人也刚好爱你 有人惦记，有人爱，有人期待。”</h4>
          <p class="p">"The best thing in the world, Even the person you're thinkingabout is thinking about you The
            person you love just lovesu Someone cares, someone loves and looks forward to."</p>
          <time>2021-08-13</time>
        </div>
      </div>
    </li>
  </ul>
  <div class="bottom_back flex">
    <button type="button" >上一页</button>
    <ul class="microfilm_tab flex jump2">
       <li class="tab">1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li> 
  </ul>
  <button type="button"  >下一页</button>
  </div>
  
  <div class="microfilm_bottom">
    <ul class="microfilm_bottom_nav flex">
      <li><a href="#">
          <img src="./img/pc/影像摄影.png" alt="">
          <h4>婚纱双摄影</h4>
          <p>值为完美呈现您的故事</p>
        </a></li>
      <li><a href="#">
          <img src="./img/pc/影像摄影.png" alt="">
          <h4>婚纱双摄影</h4>
          <p>值为完美呈现您的故事</p>
        </a></li>
      <li><a href="#">
          <img src="./img/pc/影像摄影.png" alt="">
          <h4>婚纱双摄影</h4>
          <p>值为完美呈现您的故事</p>
        </a></li>
      <li><a href="#">
          <img src="./img/pc/影像摄影.png" alt="">
          <h4>婚纱双摄影</h4>
          <p>值为完美呈现您的故事</p>
        </a></li>
      <li><a href="#">
          <img src="./img/pc/影像摄影.png" alt="">
          <h4>婚纱双摄影</h4>
          <p>值为完美呈现您的故事</p>
        </a></li>
    </ul>
  </div>
<div class="bottom">
  <div class="live">
    <p>上海|广州|宁波|南京|苏州|成都|临沂|芜湖|东莞|西安|哈尔滨|郑州|九江|泉州|盐城│樟树</p>
    <p>厦门站|三亚站|深圳|大理|丽江</p>
    <p>大连|青岛|仙女湖|凤凰湾|南昌|上饶|新余|萍乡|赣州|吉安|鹰潭|永丰|兴国|宁都|修水|湘潭|易俗河</p>
    <p>全国免费咨询热线:400-004-6698(在线时间:每天09:00-23:00)</p>
  </div>
  <h1 >NOVAN&nbsp;&nbsp; <span class="dot" ></span>&nbsp;&nbsp;诺安</h1>
</div>
   
   
    <script>
      $(function () {
        $(".jump2 li").click(function () {
          var $index = $(this).index()
          console.log($index)
          $(this).addClass("tab").siblings().removeClass("tab")
          $("#car li").eq($index).show().siblings().hide()

        })
      })
    </script>
</body>

</html>